@charset "utf-8";
.body .pageSwitcher {
	border:none;
	padding:0;
	position:absolute;
	margin-top:-70px;
	width:66px;
	top:50%;
	z-index:5;
	height:140px;
	background-color:transparent;
}
.body .pageSwitcher.up {
	left:0px;
}
.body .pageSwitcher.down {
	right:0px;
}
.body .pageSwitcher:hover {
}
.body .pageSwitcher div {
	cursor:pointer;
	width:66px;
	height:131px;
	-webkit-transition:margin .2s ease-in;
}
.body .pageSwitcher.up div {
	-webkit-transform:rotate(180deg);
	margin-left:-42px;
}
.body .pageSwitcher.up div:hover {
	margin-left:-12px;
}
.body .pageSwitcher.down div {
	margin-left:42px;
}
.body .pageSwitcher.down div:hover {
	margin-left:12px;
}
.body .dialbox {
/*	position:fixed;
	top:45px;
	bottom:45px;*/
	width:100%;
	display:-webkit-box;
	-webkit-box-orient:horizontal;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	overflow-y:auto;
	overflow-x:hidden;
}
.body .dialbox .appDialbox {
	position:absolute;
	display:none;
}
.body .dialbox .appDialbox.op_0 {
	opacity:0;
}
.body .dialbox .appDialbox.op_1 {
	opacity:0.1;
}
.body .dialbox .appDialbox.op_2 {
	opacity:0.2;
}
.body .dialbox .appDialbox.op_3 {
	opacity:0.3;
}
.body .dialbox .appDialbox.op_4 {
	opacity:0.4;
}
.body .dialbox .appDialbox.op_5 {
	opacity:0.5;
}
.body .dialbox .appDialbox.op_6 {
	opacity:0.6;
}
.body .dialbox .appDialbox.op_7 {
	opacity:0.7;
}
.body .dialbox .appDialbox.op_8 {
	opacity:0.8;
}
.body .dialbox .appDialbox.op_9 {
	opacity:0.9;
}
.body .dialbox .appDialbox.op_10 {
	opacity:1;
}
.body .dialbox .appDialbox:not(:hover) {
	-webkit-transition:opacity 1s ease-in;
}
.body .dialbox .appDialbox:hover {
	-webkit-transition:opacity 0.3s ease-in;
	opacity:1;
}
@-webkit-keyframes graduallyBig {
0% {
opacity:0;
-webkit-transform:scale(0);
}
40% {
opacity:0.8;
-webkit-transform:scale(1.2);
}
80% {
opacity:0.9;
-webkit-transform:scale(0.8);
}
100% {
opacity:1;
-webkit-transform:scale(1);
}
}
.body .dialbox .appDialbox .appBox {
	position:absolute;
	display:none;
}
.body .dialbox .appDialbox .appBox.new {
	-webkit-animation:graduallyBig 0.7s ease-out 0s 1;
}
.body .dialbox .appDialbox .appBox .boxLogo {
	width:100%;
	position:absolute;
	top:0px;
	bottom:32px;
	cursor:pointer;
	background:#fff;
	border-bottom:2px solid #064575;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-mask-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.7)));
}
.body .dialbox .appDialbox .appBox .boxLogo.noTitle {
	bottom:0px;
}
.body .dialbox .appDialbox .appBox:hover .boxLogo {
	-webkit-mask-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,1)), to(rgba(0,0,0,1)));
}
.body .dialbox .appDialbox .appBox .boxLogo .boxIcon {
	position:absolute;
	top:10px;
	left:10px;
	height:16px;
	width:16px;
	-webkit-background-size:100%;
}
.body .dialbox .appDialbox .appBox .boxLogo .boxPlus {
	border-color:rgba(102, 102, 102, 1);
	border:2px dashed;
	border-radius:23%;
	box-sizing:border-box;
	height:54%;
	left:23%;
	position:absolute;
	right:23%;
	top:23%;
	width:54%;
}
.body .dialbox .appDialbox .appBox .boxLogo .boxPlus div {
	border-radius:2px;
	position:absolute;
	background:rgba(102, 102, 102, 1);
}
.body .dialbox .appDialbox .appBox .boxLogo .boxPlus .vertical {
	height:50%;
	left:44%;
	right:44%;
	top:25%;
	width:12%;
}
.body .dialbox .appDialbox .appBox .boxLogo .boxPlus .horizontal {
	height:12%;
	left:25%;
	right:25%;
	top:44%;
	width:50%;
}
.body .dialbox .appDialbox .appBox .boxClose {
	cursor:pointer;
	position:absolute;
	top:5px;
	right:8px;
	height:16px;
	width:16px;
	opacity:0;
	-webkit-transition:opacity 0.2s ease-in;
}
.body .dialbox .appDialbox .appBox .boxEdit {
	cursor:pointer;
	position:absolute;
	margin-right:4px;
	top:6px;
	right:27px;
	height:16px;
	width:16px;
	opacity:0;
	-webkit-transition:opacity 0.2s ease-in;
}
.body .dialbox .appDialbox .appBox:hover .boxClose, .body .dialbox .appDialbox .appBox:hover .boxEdit {
	opacity:0.8;
}
.body .dialbox .appDialbox .appBox .boxTitle {
	position:absolute;
	top:0px;
	height:32px;
	line-height:32px;
	width:100%;
	text-align:center;
	overflow:hidden;
	background-color:rgba(191, 0, 0, 0.4);
}
.body .dialbox .appDialbox .appBox .boxLogo.noTitle + .boxTitle {
	height:0px;
	-webkit-transition:height .2s ease-in;
}
.body .dialbox .appDialbox .appBox:hover .boxLogo.noTitle + .boxTitle {
	height:32px;
}
.body .dialbox .appDialbox .appBox .boxTitle a {
	cursor:pointer;
}
.body .dialbox .pageIndex {
	position:fixed;
	height:30px;
	width:100%;
	left:0px;
	bottom:130px;
	display:-webkit-box;
	-webkit-box-orient:horizontal;
	-webkit-box-pack:center;
	-webkit-box-align:center;
}
.body .dialbox .pageIndex div {
	height:21px;
	border-radius:21px;
	padding:0 15px;
	opacity:0.8;
}
.body .dialbox .pageIndex div span {
	cursor:pointer;
	display:block;
	margin:8px 10px;
	width:8px;
	height:8px;
	background:rgba(55,55,55,0.8);
	border-radius:8px;
	float:left;
	border:rgba(55,55,55,0.8) 1px solid;
}
.body .dialbox .pageIndex div span.selected, .body .dialbox .pageIndex div span:hover {
	background:rgba(255,255,255,1);
	border:rgba(255,255,255,1) 1px solid;
}



footer { position:fixed; bottom:0; left:0; width:100%; border-top:1px solid #fff; }
footer div { position:absolute; top:0; left:0; width:100%; height:69px; border-top:1px solid #ddd; background:#fff; opacity:0.6; }
footer section { position:relative; text-align:center; z-index:2; margin:-20px auto 0; height:90px; }

ul#navigation { position:fixed; bottom:0; left:0; z-index:9999; }
ul#navigation li { float:left; height:100px; cursor:pointer; }
ul#navigation li span { display:block; width:100px; height:90px; padding:7px 0 3px 0; text-align:center; }
ul#navigation li span.over { width:98px; height:88px; background:#fff; opacity:0.6; border:1px solid #ccc; border-radius:8px; }
ul#navigation li span a { display:block; height:25px; font:bold 14px Microsoft Yahei; text-shadow:1px 1px 3px #999; color:#06c; }



.kI { width:52px; height:52px; position:fixed; right:30px; top:30px; z-index:10; cursor:pointer; outline:0; }
.mW { position:absolute; left:9px; bottom:9px; +zoom:1; z-index:20; width:32px; height:32px; background-color:#888; background-color:RGBA(54,54,54,.7); border-radius:32px; box-shadow:0 0 10px RGBA(0,0,0,.5)}
.kI:hover .mW { box-shadow:0 0 15px RGBA(0,0,0,.7) }
.ld { position:absolute; width:4px; height:4px; line-height:0; font-size:0; background-color:#ccc; border:1px solid #ccc; left:9px; top:9px }
.iW { left:17px}
.iX { top:17px;background:none!important}
.iY { left:17px; top:17px }
.kI:active .mW .ld, .iZ .ld { background-color:#aaa; border-color:#aaa }
.kI:hover .dW, .dW { border-width:2px 0 2px 2px; width:30px; height:32px; border-top-left-radius:32px; border-bottom-right-radius:0; box-shadow:-3px 0 5px RGBA(0,0,0,.5)}

.socials {
display:block;
width:32px;
height:32px;
cursor:pointer;
position:relative;
}

ul.reset,
ul.reset li {
display:block;
list-style:none;
padding:0;
margin:0;
}

ul.reset li {
position:absolute;
}
ul.reset li img { width:32px; }

#setup 			{ position:absolute; bottom:135px; z-index:11; width:400px; height:90px; box-shadow:0 0 3px #555; border-radius:6px; background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.7)), to(rgba(222, 231, 233, 0.8)));border: 2px rgba(253, 253, 253, 0.8) solid; }
#setup .topClose { position:absolute; right:-14px; top:-14px; width:36px; height:36px; z-index:12; background:url(../images/fancybox_sprite.png) 0 0 no-repeat; cursor:pointer; }
.setupBox { margin-top:13px; width:388px; height:77px; }
.setupBox .setupBoxStyle { cursor:pointer; float:left; width:80px; height:60px; margin:2px 5px 0 10px; background:#999; text-align:center; border-radius:6px; }
.setupBox .setupBoxStyle.default { background:url(../images/setupBoxStyle.png) 0px 0px; }
.setupBox .setupBoxStyle.circular { background:url(../images/setupBoxStyle.png) -80px 0; }
.setupBox .setupBoxStyle.square { background:url(../images/setupBoxStyle.png) -160px 0; }
.setupBox .setupBoxStyle.seamless { background:url(../images/setupBoxStyle.png) -240px 0; }
.setupBox .setupBoxStyle .dialBoxNum { float:left; width:40px; height:30px; line-height:30px; color:#FFF; font-weight:bold; margin-right:0px; text-shadow:1px 1px 3px black; border-radius:6px; display:none; }
.setupBox .setupBoxStyle:hover .dialBoxNum { display:block; }
.setupBox .setupBoxStyle .dialBoxNum:hover { background:rgba(60,60,60,0.6); }


body { background-image: url(../images/skin/leaf.jpg); background-position:0 0; background-repeat:no-repeat; }